<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7 lte9 lte8 lte7" lang="en-US"><![endif]-->
<!--[if IE 8]><html class="ie ie8 lte9 lte8" lang="en-US">  <![endif]-->
<!--[if IE 9]><html class="ie ie9 lte9" lang="en-US"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="noIE" lang="en-ZH"><!--<![endif]-->
<include file="Public:head"  />
<include file="Public:first"  />
  <!-- // SITE HEADER -->

   
    <!-- HOMEPAGE SLIDER -->
    
   <div id="home-slider">
<!--   <div class="flexslider">
<ul class="slides">
 -->
<section id="home">     
        <div class="carousel-inner">

               <video  width=100% height="800px" autoplay="autoplay" >   循环自动静音播放
                        <source src="__PUBLIC__/Uploads/video/wanju.mp4" type="video/webm">
                         </video> 
                    <div class="carousel-caption">
                        <div>
                            <h2>WELCOME TO  玩具欢乐颂 </h2>
                          
                          
                        </div>
                    </div>
                 </div>
                </div>
            </div>    
</section>



<script>
  jQuery(function(RMB) {
    var RMBslider = RMB('#home-slider > .flexslider');
    RMBslider.find('.flex-caption').each(function() {
      var RMBthis = RMB(this);
      var configs = {
        left: RMBthis.data('x'),
        top: RMBthis.data('y'),
        speed: RMBthis.data('speed') + 'ms',
        delay: RMBthis.data('start') + 'ms'
      };
      if ( configs.left == 'center' && RMBthis.width() !== 0 ) 
      {
        configs.left = ( RMBslider.width() - RMBthis.width() ) / 2;
      }
      if ( configs.top == 'center' && RMBthis.height() !== 0 ) 
      {
        configs.top = ( RMBslider.height() - RMBthis.height() ) / 2;
      }
      
      RMBthis.data('positions', configs);
      
      RMBthis.css({
        'left': configs.left + 'px',
        'top': configs.top + 'px',
        'animation-duration': configs.speed,
        'animation-delay': configs.delay
      });
    });
    
    RMB(window).on('resize', function() {
      var wW = RMB(window).width(),
        zoom = ( wW >= 1170 ) ? 1 : wW / 1349;
      RMB('.flex-caption.gfc').css('zoom', zoom);
    });
    RMB(window).trigger('resize');
    
    
    
    RMBslider.imagesLoaded(function() {
      RMBslider.flexslider({
        animation: 'slide',
        easing: 'easeInQuad',
        slideshow: false,
        nextText: '<i class="iconfont-angle-right"></i>',
        prevText: '<i class="iconfont-angle-left"></i>',
        start: function() {
          flex_fix_pos(1);
        },
        before: function(slider) {
          // initial caption animation for next show
          RMBslider.find('.slides li .animation-done').each(function() {
            RMB(this).removeClass('animation-done');
            var animation = RMB(this).attr('data-animation');
            RMB(this).removeClass(animation);
          });
          
          flex_fix_pos(slider.animatingTo + 1);
        },
        after: function() {
          // run caption animation
          RMBslider.find('.flex-active-slide .animated').each(function() {
            var animation = RMB(this).attr('data-animation');
            RMB(this).addClass('animation-done').addClass(animation);
          });
        }
      });
    });
    
    
    function flex_fix_pos(i) {
      RMBslider.find('.slides > li:eq(' + i + ') .gfc').each(function() {
        var RMBthis = RMB(this),
          pos = RMB(this).data('positions');
          
        if ( pos.left == 'center' )
        {
          pos.left = ( RMBslider.width() - RMBthis.width() ) / 2;
          RMBthis.css('left', pos.left + 'px');
          RMBthis.data('positions', pos);
        }
        if ( pos.top == 'center' )
        {
          pos.top = ( RMBslider.height() - RMBthis.height() ) / 2;
          RMBthis.css('left', pos.top + 'px');
          RMBthis.data('positions', pos);
        }
      });
    }
  });
</script> 
  </div>


    <!-- // HOMEPAGE SLIDER -->
    
    <!-- SITE MAIN CONTENT -->
    <main id="main-content" role="main">
      
        <section class="section new-arrivals visible-items-5">
        <div class="container">
          <div class="row">
            <header class="section-header clearfix col-sm-offset-3 col-sm-6">
              <h3 class="section-title">最新闲置出售的玩具</h3>
              <p class="section-teaser">如果你也有想出售的玩具快快发送给我们把</p>
            </header>
            
            <div class="clearfix"></div>
            
            <!-- BEGIN CAROUSEL -->
            <div id="new-arrivals-products" class="add-cart" data-product=".product" data-thumbnail=".entry-media .thumb" data-title=".entry-title > a" data-url=".entry-title > a" data-price=".entry-price > .price">
            
              <div class="owl-controls clickable outside">
                <div class="owl-buttons">
                  <div class="owl-prev"><i class="iconfont-angle-left"></i></div>
                  <div class="owl-next"><i class="iconfont-angle-right"></i></div>
                </div>
              </div>
              
              <div class="owl-carousel owl-theme" data-visible-items="5" data-navigation="true" data-lazyload="true"><volist name="selllist" id="vi">
                <div class="product" data-product-id="9">
                
                  <div class="entry-media">
                  
                    <img data-src="__PUBLIC__/Uploads/sellerphoto/{$vi.picture}" alt="" class="lazyOwl thumb"  style="width:300px;height:400px;"/>
                    <div class="hover">
                      <a href="product.html" class="entry-url"></a>
                      <ul class="icons unstyled">
                        <li>
                          <div class="circle ribbon ribbon-sale">Sale</div>
                        </li>
                        
                        <li>
                          <a href="#" class="circle add-to-cart"><i class="iconfont-shopping-cart"></i></a>
                        </li>
                      </ul>
                      <div class="rate-bar">
                        <input type="range" value="4.5" step="0.5" id="backing9" />
                        <div class="rateit" data-rateit-backingfld="#backing9" data-rateit-starwidth="12" data-rateit-starheight="12" data-rateit-resetable="false"  data-rateit-ispreset="true" data-rateit-min="0" data-rateit-max="5"></div>
                      </div>
                    </div>
                  </div>
                  <div class="entry-main">
                    <h5 class="entry-title">
                      <a href="#">{$vi.toys_name}</a>
                    </h5>
                    <div class="entry-price">
                      <s class="entry-discount">RMB320</s>
                      <strong class="accent-color price">RMB{$vi.money}</strong>
                    </div>
                  </div>
                  
                </div>
              </volist>
              </div>
              
            </div>
            <!-- // END CAROUSEL -->
            
          </div>
        </div>
      </section>
      <!-- // FEATURED PRODUCTS -->
      
      <!-- NEW ARRIVAL PRODUCTS -->
      <section class="section new-arrivals visible-items-5">
        <div class="container">
          <div class="row">
            <header class="section-header clearfix col-sm-offset-3 col-sm-6">
              <h3 class="section-title">最新希望入手的玩具</h3>
              <p class="section-teaser">快把你的希望入手的玩具发布出来吧</p>
            </header>
            
          <div class="clearfix"></div>
            
            <!-- BEGIN CAROUSEL -->
            <div id="new-arrivals-products" class="add-cart" data-product=".product" data-thumbnail=".entry-media .thumb" data-title=".entry-title > a" data-url=".entry-title > a" data-price=".entry-price > .price">
            
              <div class="owl-controls clickable outside">
                <div class="owl-buttons">
                  <div class="owl-prev"><i class="iconfont-angle-left"></i></div>
                  <div class="owl-next"><i class="iconfont-angle-right"></i></div>
                </div>
              </div>
              
              <div class="owl-carousel owl-theme" data-visible-items="5" data-navigation="true" data-lazyload="true"><volist name="buylist" id="vi">
                <div class="product" data-product-id="9">
                
                  <div class="entry-media">
                  
                    <img data-src="__PUBLIC__/Uploads/buyphoto/{$vi.picture}" alt="" class="lazyOwl thumb" style="width:300px;height:400px;" />
                    <div class="hover">
                      <a href="product.html" class="entry-url"></a>
                      <ul class="icons unstyled">
                        <li>
                          <div class="circle ribbon ribbon-sale">Sale</div>
                        </li>
                        
                        <li>
                          <a href="#" class="circle add-to-cart"><i class="iconfont-shopping-cart"></i></a>
                        </li>
                      </ul>
                      <div class="rate-bar">
                        <input type="range" value="4.5" step="0.5" id="backing9" />
                        <div class="rateit" data-rateit-backingfld="#backing9" data-rateit-starwidth="12" data-rateit-starheight="12" data-rateit-resetable="false"  data-rateit-ispreset="true" data-rateit-min="0" data-rateit-max="5"></div>
                      </div>
                    </div>
                  </div>
                  <div class="entry-main">
                    <h5 class="entry-title">
                      <a href="#">{$vi.toys_name}</a>
                    </h5>
                    <div class="entry-price">
                      <s class="entry-discount">RMB320</s>
                      <strong class="accent-color price">RMB{$vi.money}</strong>
                    </div>
                  </div>
                  
                </div>
              </volist>
              </div>
              
            </div>
            <!-- // END CAROUSEL -->
            
          </div>
        </div>
      </section>
      <!-- // NEW ARRIVAL PRODUCTS -->
      
    </main>
    <!-- // SITE MAIN CONTENT -->
        
 
    
</div>
<!-- // PAGE WRAPPER -->

<!-- Essential Javascripts -->
<script src="__PUBLIC__/assets_h/js/minified.js"></script>
<!-- // Essential Javascripts -->

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','../../../www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-27646173-3', 'themina.net');
  ga('send', 'pageview');

</script>
  <!-- Particular Page Javascripts -->
  <script src="__PUBLIC__/assets_h/js/owl.carousel.js"></script>
  <script src="__PUBLIC__/assets_h/js/jquery.flexslider-min.js"></script>
  <!-- // Particular Page Javascripts -->
</body>
</html>